<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>角斗士棋</title>
		<link href="css/chess.css" type="text/css" rel="stylesheet"/>
		<link href="css/loading.css" type="text/css" rel="stylesheet"/>
		<script crossorigin="anonymous" integrity="sha512-WNLxfP/8cVYL9sj8Jnp6et0BkubLP31jhTG9vhL/F5uEZmg5wEzKoXp1kJslzPQWwPT1eyMiSxlKCgzHLOTOTQ==" src="https://lib.baomitu.com/jquery/3.5.1/jquery.js"></script>
		<script src="js/vue.js"></script>
		<script src="./js/mouseMoveAction.js"></script>
		<script src="./js/chess.js"></script>
		<script src="js/alert.js"></script>
		<script src="js/webSocket.js"></script>
		<script src="js/controller.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body style="overflow: hidden;">
		<div class="gameOver-box">
			<div class="gameResult-box"></div>
		</div>
		<div class="alert-box">
			<p class="alert-title" hidden="hidden">匹配成功，游戏开始！</p>
		</div>
		<div class="loading-box">
			<div id="center">
			  <div class="skype-loader">
			    <div class="dot">
			      <div class="first"></div>
			    </div>
			    <div class="dot"></div>
			    <div class="dot"></div>
			    <div class="dot"></div>
			  </div>
			  loading...
			</div>
		</div>
		<div id="indexVue" hidden="hidden">
			<div class="confirm_btn" onclick="confirm()">OK</div>
			<div class="pass_btn" onclick="pass()">PASS</div>
			<div class="time_count">300 S</div>
			<div class="user_one"></div>
			<div class="user_two"></div>
			<div class="user_three"></div>
			<div class="error_support" onclick="errorSupport()"></div>
			<div class="choose_chess_board"></div>
			<div class="choose_chess_box">
				<div class="chess_show" v-for="(chess, index) in allChess">
					<div :style="chess.css+'cursor: pointer;transform: scale(0.8);'" onclick="chooseChess(event)" :id="index"></div>
				</div>
			</div>
			<div class="chess_board"></div>
		</div>
	</body>
</html>
<script>
	connection();
</script>
